iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0

今天要來介紹一下如何 set up TypeScript!
請先到 TypeScript 的官網然後點選下載

即可用以下指令下載 TypeScript 的 compiler 到你的電腦裡,沒有安裝 node.js 跟 npm 的朋友請先記得安裝唷!

npm install -g typescript

或者是如果使用 VScode 的朋友也能直接到 Marketplace 下載 TypeScript 的 extension。

下載完之後就能夠用 tsc <fileName>.ts 這個指令來編譯 TypeScript 的檔案到 JavaScript 的檔案了,或是如果不想每次都手動編譯的話也能使用 tsc <fileName>.ts --watchtsc <fileName>.ts -w 指令來自動監測該 .ts 檔的變化,如果有錯誤的話 TypeScript 的 compiler 也會顯示 error 訊息在 terminal 上。

如果想要一次管理多個 .ts 檔案的話,請下 tsc --init 指令,這會創建一個 tsconfig.json 的檔案,基本上這個檔案就是監控整個專案裡面所有的 .ts 檔的 config 檔,打開裡面會預設很多可以設定的選項。做了這件事之後,再下 tsc 指令,後面不用再帶任何 .ts 檔案名稱,就可以很簡單的一次編譯所有的 .ts 檔了。同理,如果要啟動自動監測模式的話一樣如上,在後面加上 --watch 或是 -w 就可以囉!

第二天的學習筆記先暫時介紹到這邊,明天會繼續介紹如何設定 tsconfig.json。
謝謝各位的閱讀。:)


上一篇
Day 1 前言
下一篇
Day 3 設定 tsconfig.json 檔
系列文
TypeScript 三十天學習日記24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言